<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Flickr Ultimate Horizontal Upward Drop-Down Menu Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Tom@Lwis (http://www.lwis.net/free-css-drop-down-menu/)" />
<meta name="keywords" content=" css, dropdowns, dropdown menu, drop-down, menu, navigation, nav, horizontal, vertical left-to-right, vertical right-to-left, horizontal linear, horizontal upwards, cross browser, internet explorer, ie, firefox, safari, opera, browser, lwis" />
<meta name="description" content="Clean, standards-friendly, modular framework for dropdown menus" />

<link href="css/dropdown/dropdown.upward.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/dropdown/themes/flickr.com/default.ultimate.upward.css" media="screen" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
<![endif]-->

</head>
<body>

<h1><img src="css/dropdown/themes/flickr.com/images/icon.png" alt="flickr" /> Ultimate Horizontal Upward Drop-Down Menu Demo</h1>

<ul id="nav" class="dropdown dropdown-upward">
	<li><a href="./">Home</a></li>
	<li><span class="dir">About Us</span>
		<ul>
			<li class="divider"><a href="./">More...</a></li>
			<li><a href="./">FAQs</a></li>
			<li><a href="./">Press</a></li>
			<li><a href="./">Testimonials</a></li>
			<li><a href="./">Clients</a></li>
			<li><span class="dir">The Team</span>
				<ul>
					<li><a href="./">Sarah</a></li>
					<li><a href="./">Peter</a></li>
					<li><a href="./">Michael</a></li>
					<li><a href="./">John</a></li>
					<li><a href="./">Brigita</a></li>
				</ul>
			</li>
			<li><a href="./">Our Vision</a></li>
			<li><a href="./">History</a></li>
		</ul>
	</li>
	<li><span class="dir">Services</span>
		<ul>
			<li class="divider"><a href="./">More...</a></li>
			<li><a href="./">Training &amp; Consulting</a></li>
			<li><a href="./">Support</a></li>
			<li><a href="./">Shop Online</a></li>
			<li><a href="./">Delivery</a></li>
			<li><a href="./">Product Development</a></li>
		</ul>
	</li>
	<li><span class="dir">Products</span>
		<ul>
			<li class="divider"><a href="./">More...</a></li>
			<li><a href="./">Prices</a></li>
			<li><a href="./">Top Rated</a></li>
			<li><a href="./">Featured</a></li>
			<li><a href="./" class="dir">Used</a>
				<ul>
					<li><a href="./">Private Use</a></li>
					<li><a href="./">Corporate Use</a></li>
				</ul>
			</li>
			<li><a href="./" class="dir">New</a>
				<ul>
					<li><a href="./">Private Use</a></li>
					<li><a href="./">Corporate Use</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li><a href="./">Gallery</a></li>
	<li><a href="./">Events</a></li>
	<li><a href="./">Careers</a></li>
	<li><a href="./" class="dir">Contact Us</a>
		<ul>
			<li class="divider"><a href="./">More...</a></li>
			<li><a href="./">Your Feedback</a></li>
			<li><a href="./">Map &amp; Driving Directions</a></li>
			<li><a href="./">Enquiry Form</a></li>
		</ul>
	</li>
</ul>

</body>
</html>